{extend name="base" /}
{block name="body"}
<div class="layui-col-md12">
    <div class="layui-card">
      <div class="layui-card-header"><span class="layui-badge layui-badge-green">{$data.name}</span> 物流时间线</div>
      <div class="layui-card-body">
        <ul class="layui-timeline">
        {volist name='$data.data' id="v" empty="$empty"}
          <li class="layui-timeline-item">
            {if $key}
            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
            {else}
            <i class="layui-icon layui-timeline-axis">&#xe60e;</i>
            {/if}
            <div class="layui-timeline-content layui-text">
                <h3 class="layui-timeline-title">{$v.time}</h3>
                  <div class="layui-timeline-title">
                    <span class="layui-badge layui-badge-green">{$v.status}</span> {$v.context}
                  </div>
            </div>
          </li>
          {/volist}
        </ul>
      </div>
    </div>
</div>
{/block}
